<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
pageContext.setAttribute("basePath",basePath);
%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>银行调单系统登录</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${basePath}/assets/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="${basePath}/assets/dist/css/AdminLTE.min.css">

    <!-- iCheck -->
    <link rel="stylesheet" href="${basePath}/assets/plugins/iCheck/square/blue.css">

    <link rel="stylesheet" href="${basePath}/css/mycss.css">
    <link rel="stylesheet" href="${basePath}/css/changeTpl.css">
    <link rel="stylesheet" href="${basePath}/css/commonXX.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="hold-transition login-page fq-white">
<div class="wrapper">
    <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
        <!-- mini logo for sidebar mini 50x50 pixels  对于侧边栏迷你50x50像素迷你标志-->
        <span class="jdjr-logo"></span>
        <!-- logo for regular state and mobile devices 用于常规状态和移动设备的标志-->

    </a>
    <!-- Header Navbar: style can be found in header.less 标题：风格的导航栏中可以找到header.less-->
    <nav class="navbar navbar-static-top">
        <h3 class="header-main-name">银行调单系统</h3>
        <!-- Sidebar toggle button 侧边栏切换按钮-->
        <!--<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">-->
            <!--<span class="sr-only">Toggle navigation</span>-->
        <!--</a>-->
        <!--<a href="#" class="sidebar-toggle sidebar-home"  role="button">-->
            <!--<span class="sr-only"></span>-->
        <!--</a>-->
        <!--<a href="#" class="glyphicon glyphicon-plus-sign"  role="button">-->
            <!--<span class="sr-only"></span>-->
        <!--</a>-->
        <div class="navbar-custom-menu">
       <!--      <ul class="nav navbar-nav">

                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle" >
                        <i class="fa fa-user"></i>
                        <span class="hidden-xs">罗曼蒂克</span>
                        ，你好
                    </a>
                </li>
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle">
                        <i class="fa fa-unlock-alt"></i>
                        <span class="hidden-xs">修改密码</span>
                    </a>
                </li>
                <li class="dropdown user user-menu">
                    <a href="#" class="dropdown-toggle">
                        <i class="fa  fa-sign-out"></i>
                        <span class="hidden-xs">退出</span>
                    </a>
                </li>
            </ul> -->
        </div>
    </nav>
</header>
    <div class="login-box">
        <div class="login-logo">
            <a href="../../index2.html"><b>账户登录</b></a>
        </div>
        <!-- /.login-logo -->
        <div class="login-box-body">
            <p class="login-box-msg col-red"  id="loginMsg" style="display: none">登录名或密码错误</p>

            <form action="${basePath}/privilege/doLogin.do" method="post">
                <div class="form-group has-feedback">
                    <input type="text" class="form-control" name="username" placeholder="请输入登录名">
                    <span class="glyphicon glyphicon-envelope  form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" name="password" placeholder="请输入登录密码">
                    <span class="glyphicon glyphicon-lock form-control-feedback"></span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" placeholder="请输入手机号码">
                    <span class="get-yzm-btn">获取验证码</span>
                </div>
                <div class="form-group has-feedback">
                    <input type="password" class="form-control" placeholder="请输入短信验证码">

                </div>
                <div class="row">
                    <div class="col-xs-8">
                        <div class="checkbox icheck">
                            <label>
                                <input type="checkbox"> 记住密码
                            </label>
                        </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-xs-4">
                        <button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
                    </div>
                    <!-- /.col -->
                </div>
            </form>

            <!-- /.social-auth-links -->

            <a href="#">忘记密码？</a><br>


        </div>
        <!-- /.login-box-body -->

        <div class="logo-tips-area">
            <p class="tips-list"><span> 提示：</span>1、该系统仅供银行和网银在线内部人员使用；</p>
            <p class="tips-list">2、该系统仅用作网银在线回复银行发起的调单查询和拒付，不存在主动泄露客户信息的行为；</p>
            <p class="tips-list">3、银行承诺其发起的每笔订单查询都是基于客户向银行提出的真实的异议订单，不得出于个人目的调取客户信息。</p>
        </div>
    </div>
</div>

<!-- /.login-box -->

<!-- jQuery 2.2.3 -->
<script src="${basePath}/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="${basePath}/assets/bootstrap/js/bootstrap.min.js"></script>
<!-- iCheck -->
<script src="${basePath}/assets/plugins/iCheck/icheck.min.js"></script>
<script>
    $(function () {
        $('input').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue',
            increaseArea: '20%' // optional
        });
    });
</script>
</body>
</html>
